<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
		<meta content="1 days" name="revisit-after" />
	<meta content="telephone=no" name="format-detection" />
	
	<meta name="viewport" content="width=640,user-scalable=0,target-densitydpi=device-dpi">
	<!--
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
-->

	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="false" id="twcClient" name="twcClient" />
		
	<title>序列码验证</title>
	<script>var zmdoc = zmdoc||{};</script>
	<!--[if IE]>
							<![endif]-->

		
	<script type="text/javascript" src="assets/common/jquery-1.8.3.min.js"></script>		<script type="text/javascript"> </script>
	<style type="text/css">@charset "utf-8";body,html,nav,ol,th,embed,abbr,li,input,gloabl,h2,input,td,h1,blockquote,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,p{margin:0;padding:0;}img,fieldset, body,html{border:none;}address,caption,cite,code,dfn,em,strong,th,abbr,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1;font-family: "microsoft yahei","SimSun",Arial,"adelle-1","adelle-2","kulturista-web-1","kulturista-web-2","Nixie One","StMarieThin",Georgia,serif;}q:before,q:after{content:'';}table {border-collapse:collapse;border-spacing:0;}html {font:12px/150% "SimSun","Helvetica Neue",Helvetica,Arial,sans-serif; color:#333;background-color: #FFF;}h1{font-size:100%;}h2, .h2 {font-size:16px;}h3, .h3 {font-size:14px;}h4, .h4 {font-size:12px;}h5, .h5 {font-size:11px;}strong {font-weight:bold;}.clearfix{clear:both; zoom:1; } .clearfix:after {content:"."; clear:both; display:block; height:0; font:0/0 arial; visibility:hidden;}.u,a.u {text-decoration:underline;}.nu, a.nu {text-decoration:none;}html {background-color: #f0eee8;}body.zm {width:640px;font-size:24px;overflow-x:hidden;line-height:1.6;}body.zm input, body.zm textarea, body.zm select {font-size:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.main-content {padding-top: 80px;}.mask-wrap {position: fixed;left:0;top:0;width:100%;height: 100%;background-color: rgba(99,99,99,0.7);z-index:999;}* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}a {text-decoration:none;}button.btn-red {width: 100%;height: 80px;background: #fa5348;  border-radius: 1%;  background-clip: padding-box;font-size: 120%;color: #fff;letter-spacing: 4px;border:none;  -webkit-box-shadow: 0px 0px 1px 0px #aaa;  box-shadow: 0px 0px 1px 0px #aaa;}button.btn-red:hover,button.btn-red:active {background: #e33125;}h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}strong,i,b,em {font-weight:normal;font-style:normal}h3.header-top {font-size: 105%;color:#333;line-height: 1;margin: 20px 0;position:relative;margin-left: 15px;padding-left: 8px;border-left: 4px solid #fa5348;font-weight:normal;}h3.header-top:after {position:absolute;content: ' ';width: 200%;border-bottom: 1px solid #aaa;left:-25px;bottom: -8px;}.border-red-top-bottom {text-align: center;padding: 10px 0;margin: 20px 0;position: relative;}.border-red-top-bottom:before,.border-red-top-bottom:after {content: ' ';position: absolute;left: 0;height:1px;width: 100%;background:url(assets/red-line.png) no-repeat center center;}.border-red-top-bottom:before {top: 0px;}.border-red-top-bottom:after {top: inherit;bottom: 3px;}</style>	
	<style>.w-header {position: fixed;width: 100%;height: 80px;background-color: #343434;color: #fff;font-size: 40px;line-height: 80px;text-align: center;top: 0;z-index: 999;}.w-header img.back {position: absolute;left: 24px;top: 24px;}.w-header i {font-style: normal;}.w-serial-code-list {overflow: hidden;}.w-serial-code-list section {padding: 20px;}.w-serial-code-list div {position:relative;margin: 0 auto;width: 145px;height: 142px;padding: 30px;}.w-serial-code-list div i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(assets/icon-qr-scan-outer.png) no-repeat center center;animation:scale-jump .8s ease-in-out infinite;-webkit-animation:scale-jump .8s ease-in-out infinite;}.w-serial-code-list section h4 {font-size: 100%;text-align: center;padding: 20px 0;font-weight: normal;}.w-serial-code-list section p {text-align: center;padding: 10px 0;margin: 20px 0;position: relative;}.w-serial-code-list ul {padding: 0 20px;}.w-serial-code-list ul li {padding: 10px;border-bottom: 1px solid #aaa;}.w-serial-code-list ul li em {float: right;}@-webkit-keyframes scale-jump {  0%, 100% { transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.3;  } 50% { transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 1;  }}@keyframes scale-jump {  0%, 100% { transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.3;  } 50% { transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 1;  }}</style>
</head>
<body class="zm zmmobile">
	<!-- WIDGET-header-BOF -->
<header class="w-header">
	<img class="back" src="assets/back.png" width="43" height="30" />
	<i>主页-手册学习</i>
</header>
<!-- WIDGET-header-EOF -->
<div class="wrapper main-content">
	<!-- WIDGET-serial-code-list-BOF -->
<div class="w-serial-code-list">
<section>
	<div>
		<i></i>
		<img src="assets/icon-qr-scan-inner.png" width="85" height="80" />
	</div>
	<h4>扫一扫</h4>
	<p class="border-red-top-bottom">已验证序列码数量: 100</p>
</section>
<h3 class="header-top">作品评论</h3>
<ul>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
	<li>1234-4444-8888-99<em>16-03-03 11:11</em></li>
</ul>
</div>
<!-- WIDGET-serial-code-list-EOF -->
</div></body>
</html>
